<template>
  <el-dialog
    title="洗车机信息"
    :visible.sync="dialogVisible"
    width="80%"
    center
    :before-close="handleClose"
  >
    <div class="content">
      <p class="pb-20">
        <span class="item-name">所属商户号：</span>
        <span>1111111111</span>
      </p>
      <p class="pb-20">
        <span class="item-name">所属关系：</span>
        <span>1111111111</span>
      </p>
      <p class="pb-20">
        <span class="item-name">所属洗车站：</span>
        <span>1111111111</span>
      </p>
      <p class="pb-20">
        <span class="item-name">站点类型：</span>
        <span>1111111111</span>
      </p>
      <div class="pb-20 flex">
        <span class="item-name">站点地址：</span>
        <div>
          <div>四川。。。</div>
          <div class="mt-10">经度:2823984 维度：38723487</div>
        </div>
      </div>
      <p class="pb-20">
        <span class="item-name">平台编号：</span>
        <span>1111111111</span>
      </p>
      <p class="pb-20">
        <span class="item-name">设备信息：</span>
        <span>1111111111</span>
      </p>
      <p class="pb-20">
        <span class="item-name">设备编号：</span>
        <span>1111111111</span>
      </p>
      <p class="pb-20">
        <span class="item-name">设备价格：</span>
        <span>1111111111</span>
      </p>
      <p class="pad-t-b-10">
        <span class="item-name">创建时间：</span>
        <span>1111111111</span>
      </p>
      <p class="">
        <span class="item-name">更新时间：</span>
        <span>1111111111</span>
      </p>
    </div>
  </el-dialog>
</template>
<script>
export default {
  name: "equipmentInfo",
  deta() {
    return {};
  },
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    handleClose() {
      this.$emit("close");
    }
  }
};
</script>
<style lang="scss" scoped>
.el-dialog__header {
  background: #f1f1f1 !important;
}

.content {
  background: #fff;
}
.item-name {
  display: inline-block;
  width: 40%;
  text-align: right;
}
.pb-20 {
  padding-bottom: 20px;
}
</style>
